<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title> 倒计时方法 </title>
</head>
<body>
<div> 1 </div>

<script>
    var div = document.querySelector('div')
    var num = div.innerHTML
//    setInterval(funcName, time)
//    每隔time毫秒，调用一次funcName方法
//    方法一：
//    setInterval(function(){
//        div.innerHTML++
//    }, 500)
//    方法二：常用方法
    function show(){
//        div.innerHTML = num++
        div.innerHTML++
    }
    var timer = setInterval(show, 500)
//    清除当前循环，clearInterval( varName )
//    div.onclick = function(){
//        clearInterval(timer)
//    }

//    setTimeout(funcName, time)
//  暂停time毫秒执行某个方法，只执行一次
    var timer1 = setTimeout(function(){
        clearInterval(timer)
    }, 5000)

//    clearTimeout(varname)
    clearTimeout(timer1)

</script>
</body>
</html>